<template>
	<div class="data">
		<pre class="my-awesome-json-theme">{{ datas }} </pre>
	</div>
</template>

<script setup lang="ts" name="StyleComponentData">
defineProps({
	datas: {},
});
</script>

<style scoped>
.data {
	padding: 10px 0px;
	width: 100%;
}

.my-awesome-json-theme {
	background: #2d3436;
	color: #ffeaa7;
	width: 100%;
	overflow-x: auto;
	padding: 10px;
}
</style>
